<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
    <title>无标题文档</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/sh.css">

    <link rel="stylesheet" href="//at.alicdn.com/t/font_950071_wmdwygjl6ed.css">
</head>

<body>
<div class="header">
    <div class="content-wrapper">
        <div class="avatar">
            <img width="64" height="64" src="img/seller_avatar_256px.jpg">
        </div>
        <div class="content">
            <div class="title">
                <span class="brand"></span>
                <span class="name">粥品香坊（回龙观）</span>
            </div>
            <div class="description">
                蜂鸟专送/38分钟送达
            </div>
            <div class="support">
                <span class="icon decrease"></span>
                <span class="text">在线支付满28减5</span>
            </div>
        </div>
    </div>
    <div class="bulletin-wrapper">
        <span class="bulletin-title"></span><span class="bulletin-text">粥品香坊其烹饪粥料的秘方源于中国千年古法，在融和现代制作工艺，由世界烹饪大师屈浩先生领衔研发。坚守纯天然、0添加的良心品质深得消费者青睐，发展至今成为粥类的引领品牌。是2008年奥运会和2013年园博会指定餐饮服务商。</span>
        <i class="icon-keyboard_arrow_right"></i>
    </div>
    <div class="background">
        <img width="100%" height="100%" src="img/seller_avatar_256px.jpg">
    </div>
    <div class="detail fade-transition" style="display: none;">
        <div class="detail-wrapper clearfix">
            <div class="detail-main">
                <h1 class="name">粥品香坊（回龙观）</h1>
                <div class="star-wrapper">
                    <div class="star star-48">
                        <span class="star-item on"></span><span class="star-item on"></span><span
                            class="star-item on"></span><span class="star-item on"></span><span
                            class="star-item off"></span>
                    </div>
                </div>
                <div class="title">
                    <div class="line"></div>
                    <div class="text">优惠信息</div>
                    <div class="line"></div>
                </div>
                <ul class="supports">
                    <li class="support-item">
                        <span class="icon decrease"></span>
                        <span class="text">在线支付满28减5</span>
                    </li>
                    <li class="support-item">
                        <span class="icon discount"></span>
                        <span class="text">VC无限橙果汁全场8折</span>
                    </li>
                    <li class="support-item">
                        <span class="icon special"></span>
                        <span class="text">单人精彩套餐</span>
                    </li>
                    <li class="support-item">
                        <span class="icon invoice"></span>
                        <span class="text">该商家支持发票,请下单写好发票抬头</span>
                    </li>
                    <li class="support-item">
                        <span class="icon guarantee"></span>
                        <span class="text">已加入“外卖保”计划,食品安全保障</span>
                    </li>
                </ul>
                <div class="title">
                    <div class="line"></div>
                    <div class="text">商家公告</div>
                    <div class="line"></div>
                </div>
                <div class="bulletin">
                    <p class="content">
                        粥品香坊其烹饪粥料的秘方源于中国千年古法，在融和现代制作工艺，由世界烹饪大师屈浩先生领衔研发。坚守纯天然、0添加的良心品质深得消费者青睐，发展至今成为粥类的引领品牌。是2008年奥运会和2013年园博会指定餐饮服务商。</p>
                </div>
            </div>
        </div>
        <div class="detail-close">
            <i class="icon-close"></i>
        </div>
    </div>
</div>
<div class="main">
    <div class="left-menu" id="left">
        <ul>
            <li><span>营养套餐</span></li>
            <li><span>分类设置</span></li>
        </ul>
    </div>
    <div class="con">
        <div class="right-con con-active" style="display: none;">
            <ul>
                <li>
                    <div class="menu-img"><img src="img/pic.png" width="55" height="55"></div>
                    <div class="menu-txt">
                        <h4 data-icon="00">红烧牛肉</h4>
                        <p class="list1">家常菜</p>
                        <p class="list2">
                            <b>￥</b><b>28</b>
                        </p>
                        <div class="btn">
                            <button class="minus">
                                <strong></strong>
                            </button>
                            <i>0</i>
                            <button class="iconfont icon-xiugai">
                                <strong></strong>
                            </button>
                            <i class="price">28</i>
                        </div>

                    </div>
                </li>
                <li>
                    <div class="menu-img"><img src="img/pic.png" width="55" height="55"></div>
                    <div class="menu-txt">
                        <h4 data-icon="01">辣子鸡</h4>
                        <p class="list1">家常菜</p>
                        <p class="list2">
                            <b>￥</b><b>25</b>
                        </p>
                        <div class="btn">
                            <button class="minus">
                                <strong></strong>
                            </button>
                            <i>0</i>
                            <button class="iconfont icon-xiugai">
                                <strong></strong>
                            </button>
                            <i class="price">25</i>
                        </div>

                    </div>
                </li>

            </ul>
            <div style="text-align: center" class="iconfont icon-icon-test">
                <a href="shopingadd.html">添加商品</a>
            </div>
        </div>
        <div class="right-con right-type con-active" style="display: none;">
            <ul>
                <li>
                    <div class="menu-txt">
                        <h4 data-icon="00">红烧牛肉</h4>
                        <div class="btn">
                            <button class="iconfont icon-xiugai">
                                <strong></strong>
                            </button>
                            <button class="iconfont icon-shanchu">
                                <strong></strong>
                            </button>
                        </div>

                    </div>
                </li>
                <li>
                    <div class="menu-txt">
                        <h4 data-icon="00">红烧牛肉</h4>
                        <div class="btn">
                            <button class="iconfont icon-xiugai">
                                <strong></strong>
                            </button>
                            <button class="iconfont icon-shanchu">
                                <strong></strong>
                            </button>

                        </div>

                    </div>
                </li>

            </ul>
            <div style="text-align: center" class="iconfont icon-icon-test">
                添加分类
            </div>
        </div>
    </div>

</div>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/sh.js"></script>
<script type="text/javascript" src="js/vue.min.js"></script>

</body>
</html>
